<!DOCTYPE html>
<html lang='zh-cn'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1,user-scalable=0'>
    <title>角色背包</title>
    <style>
        *
        {
            margin:0px;
            padding:0px;

        }

        header
        {
            height: 60px;
            width: 100%;
            text-align: center;
        }
        header span
        {
            font-size: 22px;
            font-weight: 600;
        }

        .section2
        {
            margin-top: 10px;
            width: 90%;
            height: 320px;
            margin-left: 5%;
            border-top: 2px solid orangered;
            background-color: burlywood;
        }


        .section3
        {
            margin-top: 10px;
            width: 90%;
            margin-left: 5%;
            border-top: 2px solid orangered;
            text-align: center;

        }


    </style>
</head>
<body>

<header>
    <span>角色信息</span>
</header>
<section>
    <div class="section2">
     <table style="width: 90%">
         <tr style="width: 100%">
             <td style="width: 200px;column-span: 2">昵称</td>
             <td style="width: 200px;column-span: 2">hhh</td>
         </tr>
         <tr style="width: 100%">
             <td style="width: 100px">胜局</td>
             <td style="width: 100px">方法</td>
             <td style="width: 100px">负局</td>
             <td style="width: 100px">hhh</td>
         </tr>
         <tr style="width: 100%">
             <td style="width: 100px">胜率</td>
             <td style="width: 100px">hhh</td>
             <td style="width: 100px">等级</td>
             <td style="width: 100px;">hhh</td>
         </tr>
         <tr>
             <td style="width: 25%">道具</td>
             <td style="width: 75%">wewhejwhejw</td>
         </tr>



     </table>

    </div>
    <div class="section3">
        <span>道具如下</span>

    </div>

</section>

</body>
<script>
</script>
</html>
